<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>个人中心</title>
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="css/geren.css">
<script src="js/laydate/laydate.js"></script>
<script type="text/javascript" src="js/jquery-1.11.3.min.js" /></script>
<script type="text/javascript">
        $(document).ready(function(){
            $(".daohang4tan").hide();
            $(".daohang5tan").hide();
            $(".jianlitan").hide();
            $(".jianlitan1").hide();
            $(".jianlitan2").hide();
            $(".jianlitan3").hide();
            $(".jianliTrigger").hide();
            $(".jianli2tan").hide();
            $(".daohang4,.daohang4tan").hover(function(){
                $(".daohang4").css({"background":"white","border":"1px solid #EEEEEE"});
                $(".daohang4tan").show();
            },function(){
                $(".daohang4").css({"background":"#C1CDC1","border":"0px"});
                $(".daohang4tan").hide();
            });

            $(".daohang5,.daohang5tan").hover(function(){
                $(".daohang5").css({"background":"white","border":"1px solid #EEEEEE"});
                $(".daohang5tan").show();
            },function(){
                $(".daohang5").css({"background":"#C1CDC1","border":"0px"});
                $(".daohang5tan").hide();
            });


            var cartTable = document.getElementById('liebiao');
            var tr = cartTable.children[1].rows;
            var checkInputs = document.getElementsByClassName('check');
            var checkAllInputs = document.getElementsByClassName('check-all');
            var selectedTotal = document.getElementById('selectedTotal');

            function getTotal(){
                var selected = 0;
                var price = 0;
                for(var i=0,len=tr.length;i<len;i++){
                    if (tr[i].getElementsByTagName('input')[0].checked){
                        tr[i].className="on";
                        selected = parseInt(selected+1);
                        price += parseFloat(tr[i].cells[4].innerHTML)
                    }
                    else{
                        tr[i].className="";
                    }
                }
                selectedTotal.innerHTML = selected;
                priceTotal.innerHTML = price.toFixed(2);
            }

            for(var i = 0,len = checkInputs.length;i<len;i++){
                checkInputs[i].onclick = function(){
                    if(this.className === 'check-all check'){
                        for(var j=0;j<checkInputs.length;j++){
                            checkInputs[j].checked = this.checked;//Ã¿¸ö¿òµÄ×´Ì¬¶¼Òª¸úÈ«Ñ¡¿òÒ»Ñù
                        }
                    }
                    if(this.checked == false){
                        for(var k = 0;k<checkAllInputs.length;k++){
                            checkAllInputs[k].checked = false;
                        }
                    }
                    getTotal();
                }
            }

            $(".delete").click(function(){
                var conf = confirm('确定要拒绝吗？');
                if(conf){
                    $(this).parent().parent().remove();
                }
            });

            $(".deleteAll").click(function(){
                if(selectedTotal.innerHTML!='0'){
                    var conf = confirm('确定要拒绝吗？');
                    if(conf){
                        for(var i=0;i<tr.length;i++){
                            var input = tr[i].getElementsByTagName('input')[0];
                            if(input.checked){
                                tr[i].parentNode.removeChild(tr[i]);
                                i--;
                            }
                        }
                    }
                }
            });

            $(".qiuzhi").click(function(){
                $(".qiuzhi2").slideToggle("slow");
                if($("#xia").attr("class")=="glyphicon glyphicon-menu-up"){
                    $("#xia").attr("class","glyphicon glyphicon-menu-down");
                }
                else{
                    $("#xia").attr("class","glyphicon glyphicon-menu-up");
                }
                var top=$(".shenghuo").offset().top+400;
                $(".bj").css("height",top);

            });


            $(".zhaopin").click(function(){
                $(".zhaopin2").slideToggle("slow");
                if($("#xia1").attr("class")=="glyphicon glyphicon-menu-up"){
                    $("#xia1").attr("class","glyphicon glyphicon-menu-down");
                }
                else{
                    $("#xia1").attr("class","glyphicon glyphicon-menu-up");
                }
                var top=$(".shenghuo").offset().top+400;
                $(".bj").css("height",top);
            });



            $(".dinggou").click(function(){
                $(".dinggou2").slideToggle("slow");
                if($("#xia3").attr("class")=="glyphicon glyphicon-menu-up"){
                    $("#xia3").attr("class","glyphicon glyphicon-menu-down");
                }
                else{
                    $("#xia3").attr("class","glyphicon glyphicon-menu-up");
                }
                var top=$(".shenghuo").offset().top+400;
                $(".bj").css("height",top);
            });


            $(".kefu").click(function(){
                $(".kefu2").slideToggle("slow");
                if($("#xia4").attr("class")=="glyphicon glyphicon-menu-up"){
                    $("#xia4").attr("class","glyphicon glyphicon-menu-down");
                }
                else{
                    $("#xia4").attr("class","glyphicon glyphicon-menu-up");
                }
                var top=$(".shenghuo").offset().top+400;
                $(".bj").css("height",top);
            });


            $(".jiaoyi").click(function(){
                $(".jiaoyi2").slideToggle("slow");
                $(".jiaoyi3").slideToggle("slow");
                if($("#xia2").attr("class")=="glyphicon glyphicon-menu-up"){
                    $("#xia2").attr("class","glyphicon glyphicon-menu-down");
                }
                else{
                    $("#xia2").attr("class","glyphicon glyphicon-menu-up");
                }
                var top=$(".shenghuo").offset().top+400;
                $(".bj").css("height",top);
            });


            $(".maijia").click(function(){
                $(".maijia2").slideToggle("slow");
                if($(".shang1").html()=="¡Ä"){
                    $(".shang1").html("¡Å");
                }
                else{
                    $(".shang1").html("¡Ä");
                }
            });


            $(".maijia1").click(function(){
                $(".maijia3").slideToggle("slow");
                if($(".shang2").html()=="¡Ä"){
                    $(".shang2").html("¡Å");
                }
                else{
                    $(".shang2").html("¡Ä");
                }
            });



            $(".zhongxintan").show();
            $(".fabutan").hide();
            $(".shouchangtan").hide();
            $(".qiuzhitan1").hide();
            $(".qiuzhitan2").hide();
            $(".qiuzhitan3").hide();
            $(".qiuzhitan4").hide();
            $(".zhaopintan1").hide();
            $(".zhaopintan2").hide();
            $(".zhaopintan3").hide();
            $(".zhaopintan4").hide();
           
            $(".kefutan1").hide();
            $(".kefutan2").hide();
            $(".kefutan3").hide();



            $("#l1").click(function(){
                $(".fabutan").hide();
                $(".shouchangtan").hide();
                $(".qiuzhitan1").hide();
                $(".qiuzhitan2").hide();
                $(".qiuzhitan3").hide();
                $(".qiuzhitan4").hide();
                $(".zhaopintan1").hide();
                $(".zhaopintan2").hide();
                $(".zhaopintan3").hide();
                $(".zhaopintan4").hide();
                $(".zhongxintan").show();
              
                $(".kefutan1").hide();
                $(".kefutan2").hide();
                $(".kefutan3").hide();
            });


            
            $("#l3").click(function(){
                $(".zhongxintan").hide();
             
                $(".qiuzhitan1").hide();
                $(".qiuzhitan2").hide();
                $(".qiuzhitan3").hide();
                $(".qiuzhitan4").hide();
                $(".zhaopintan1").hide();
                $(".zhaopintan2").hide();
                $(".zhaopintan3").hide();
                $(".zhaopintan4").hide();
                $(".shouchangtan").show();
               ;
                $(".kefutan1").hide();
                $(".kefutan2").hide();
                $(".kefutan3").hide();
            });
            $("#l41").click(function(){
                $(".zhongxintan").hide();
               
                $(".qiuzhitan1").show();
                $(".qiuzhitan2").hide();
                $(".qiuzhitan3").hide();
                $(".qiuzhitan4").hide();
                $(".shouchangtan").hide();
                $(".zhaopintan1").hide();
                $(".zhaopintan2").hide();
                $(".zhaopintan3").hide();
                $(".zhaopintan4").hide();
               
                $(".kefutan1").hide();
                $(".kefutan2").hide();
                $(".kefutan3").hide();
            });
            $("#l42").click(function(){
                $(".zhongxintan").hide();
               
                $(".qiuzhitan1").hide();
                $(".qiuzhitan2").show();
                $(".qiuzhitan3").hide();
                $(".qiuzhitan4").hide();
                $(".shouchangtan").hide();
                $(".zhaopintan1").hide();
                $(".zhaopintan2").hide();
                $(".zhaopintan3").hide();
                $(".zhaopintan4").hide();
               
                $(".kefutan1").hide();
                $(".kefutan2").hide();
                $(".kefutan3").hide();
            });
            $("#l43").click(function(){
                $(".zhongxintan").hide();
                
                $(".qiuzhitan1").hide();
                $(".qiuzhitan2").hide();
                $(".qiuzhitan3").show();
                $(".qiuzhitan4").hide();
                $(".shouchangtan").hide();
                $(".zhaopintan1").hide();
                $(".zhaopintan2").hide();
                $(".zhaopintan3").hide();
                $(".zhaopintan4").hide();
               
                $(".kefutan1").hide();
                $(".kefutan2").hide();
                $(".kefutan3").hide();
            });
            $("#l44").click(function(){
                $(".zhongxintan").hide();
              
                $(".qiuzhitan1").hide();
                $(".qiuzhitan2").hide();
                $(".qiuzhitan3").hide();
                $(".shouchangtan").hide();
                $(".qiuzhitan4").show();
                $(".zhaopintan1").hide();
                $(".zhaopintan2").hide();
                $(".zhaopintan3").hide();
                $(".zhaopintan4").hide();
               
                $(".kefutan1").hide();
                $(".kefutan2").hide();
                $(".kefutan3").hide();
            });
            $("#l51").click(function(){
                $(".zhongxintan").hide();
               
                $(".qiuzhitan1").hide();
                $(".qiuzhitan2").hide();
                $(".qiuzhitan3").hide();
                $(".shouchangtan").hide();
                $(".qiuzhitan4").hide();
                $(".zhaopintan1").show();
                $(".zhaopintan2").hide();
                $(".zhaopintan3").hide();
                $(".zhaopintan4").hide();
                
                $(".kefutan1").hide();
                $(".kefutan2").hide();
                $(".kefutan3").hide();
            });
            $("#l52").click(function(){
                $(".zhongxintan").hide();
               
                $(".qiuzhitan1").hide();
                $(".qiuzhitan2").hide();
                $(".qiuzhitan3").hide();
                $(".shouchangtan").hide();
                $(".qiuzhitan4").hide();
                $(".zhaopintan1").hide();
                $(".zhaopintan2").show();
                $(".zhaopintan3").hide();
                $(".zhaopintan4").hide();
               
                $(".kefutan1").hide();
                $(".kefutan2").hide();
                $(".kefutan3").hide();
            });
            $("#l53").click(function(){
                $(".zhongxintan").hide();
               
                $(".qiuzhitan1").hide();
                $(".qiuzhitan2").hide();
                $(".qiuzhitan3").hide();
                $(".shouchangtan").hide();
                $(".qiuzhitan4").hide();
                $(".zhaopintan1").hide();
                $(".zhaopintan2").hide();
                $(".zhaopintan3").show();
                $(".zhaopintan4").hide();
               
                $(".kefutan1").hide();
                $(".kefutan2").hide();
                $(".kefutan3").hide();
            });
            $("#l54").click(function(){
                $(".zhongxintan").hide();
               
                $(".qiuzhitan1").hide();
                $(".qiuzhitan2").hide();
                $(".qiuzhitan3").hide();
                $(".shouchangtan").hide();
                $(".qiuzhitan4").hide();
                $(".zhaopintan1").hide();
                $(".zhaopintan2").hide();
                $(".zhaopintan3").hide();
                $(".zhaopintan4").show();
               
                $(".kefutan1").hide();
                $(".kefutan2").hide();
                $(".kefutan3").hide();
            });

          
           
            $("#171").click(function(){
                $(".kefutan1").show();
                $(".zhongxintan").hide();
               
                $(".qiuzhitan1").hide();
                $(".qiuzhitan2").hide();
                $(".qiuzhitan3").hide();
                $(".shouchangtan").hide();
                $(".qiuzhitan4").hide();
                $(".zhaopintan1").hide();
                $(".zhaopintan2").hide();
                $(".zhaopintan3").hide();
                $(".zhaopintan4").hide();
               
                $(".kefutan2").hide();
                $(".kefutan3").hide();
            });
            $("#172").click(function(){
                $(".kefutan2").show();
                $(".zhongxintan").hide();
               
                $(".qiuzhitan1").hide();
                $(".qiuzhitan2").hide();
                $(".qiuzhitan3").hide();
                $(".shouchangtan").hide();
                $(".qiuzhitan4").hide();
                $(".zhaopintan1").hide();
                $(".zhaopintan2").hide();
                $(".zhaopintan3").hide();
                $(".zhaopintan4").hide();
               
                $(".kefutan1").hide();
                $(".kefutan3").hide();
            });
            $("#173").click(function(){
                $(".kefutan3").show();
                $(".zhongxintan").hide();
               
                $(".qiuzhitan1").hide();
                $(".qiuzhitan2").hide();
                $(".qiuzhitan3").hide();
                $(".shouchangtan").hide();
                $(".qiuzhitan4").hide();
                $(".zhaopintan1").hide();
                $(".zhaopintan2").hide();
                $(".zhaopintan3").hide();
                $(".zhaopintan4").hide();
          
                $(".kefutan2").hide();
                $(".kefutan1").hide();
            });




            $(".m11tan").show();
            $(".m12tan").hide();

            $("#m11").click(function(){
                $(".m12tan").hide();
                $(".m11tan").show();
            });
            $("#m12").click(function(){
                $(".m11tan").hide();
                $(".m12tan").show();
            });




            $(".m31tan").show();
            $(".m32tan").hide();
            $(".m33tan").hide();
            $(".m34tan").hide();

            $("#m31").click(function(){
                $(".m32tan").hide();
                $(".m33tan").hide();
                $(".m31tan").show();
                $(".m34tan").hide();
            });
            $("#m32").click(function(){
                $(".m31tan").hide();
                $(".m33tan").hide();
                $(".m32tan").show();
                $(".m34tan").hide();
            });
            $("#m33").click(function(){
                $(".m31tan").hide();
                $(".m32tan").hide();
                $(".m33tan").show();
                $(".m34tan").hide();
            });
            $("#m34").click(function(){
                $(".m31tan").hide();
                $(".m32tan").hide();
                $(".m34tan").show();
                $(".m33tan").hide();
            });

            $(".m41tan").show();
            $(".m42tan").hide();
            $(".m43tan").hide();

            $("#m41").click(function(){
                $(".m42tan").hide();
                $(".m43tan").hide();
                $(".m41tan").show();
            });
            $("#m42").click(function(){
                $(".m41tan").hide();
                $(".m43tan").hide();
                $(".m42tan").show();
            });
            $("#m43").click(function(){
                $(".m41tan").hide();
                $(".m42tan").hide();
                $(".m43tan").show();
            });

            $(".m511tan").show();
            $(".m512tan").hide();
            $(".m513tan").hide();
            $(".m514tan").hide();

            $("#m511").click(function(){
                $(".m512tan").hide();
                $(".m513tan").hide();
                $(".m511tan").show();
                $(".m514tan").hide();
            });
            $("#m512").click(function(){
                $(".m511tan").hide();
                $(".m513tan").hide();
                $(".m512tan").show();
                $(".m514tan").hide();
            });
            $("#m513").click(function(){
                $(".m511tan").hide();
                $(".m512tan").hide();
                $(".m513tan").show();
                $(".m514tan").hide();
            });
            $("#m514").click(function(){
                $(".m511tan").hide();
                $(".m512tan").hide();
                $(".m514tan").show();
                $(".m513tan").hide();
            });

            var input=document.getElementsByTagName('input');
            var input1=input[11];
            var input2=input[12];
            var input3=input[13];
            var input4=input[14];
            var input5=input[15];
            var input6=input[16];
            var input7=input[17];
            var input8=input[18];
            var textarea=document.getElementsByTagName('textarea');
            var textarea1=textarea[0];
            input1.onfocus=function(){
                input1.style.backgroundColor="#FEFFE3";
            }
            input2.onfocus=function(){
                input2.style.backgroundColor="#FEFFE3";
            }
            input3.onfocus=function(){
                input3.style.backgroundColor="#FEFFE3";
            }
            input4.onfocus=function(){
                input4.style.backgroundColor="#FEFFE3";
            }
            input5.onfocus=function(){
                input5.style.backgroundColor="#FEFFE3";
            }
            input6.onfocus=function(){
                input6.style.backgroundColor="#FEFFE3";
            }
            input7.onfocus=function(){
                input7.style.backgroundColor="#FEFFE3";
            }
            input8.onfocus=function(){
                input8.style.backgroundColor="#FEFFE3";
            }
            textarea1.onfocus=function(){
                textarea1.style.backgroundColor="#FEFFE3";
            }

             $("#jianli").click(function(){
                    $(".jianlitan").toggle();

                });
  $("#jianli1").click(function(){
                    $(".jianlitan1").toggle();

                });
  $("#jianli2").click(function(){
                    $(".jianlitan2").toggle();

                });
  $("#jianli3").click(function(){
                    $(".jianlitan3").toggle();

                });
            var subsmallclass=new Array();
            subsmallclass[0]=new Array("Õã½­Ê¡","º¼ÖÝ");
            subsmallclass[1]=new Array("Õã½­Ê¡","ÉÜÐË");
            subsmallclass[2]=new Array("Õã½­Ê¡","Äþ²¨");
            subsmallclass[3]=new Array("Õã½­Ê¡","¼ÎÐË");
            subsmallclass[4]=new Array("Õã½­Ê¡","ºþÖÝ");
            subsmallclass[5]=new Array("Õã½­Ê¡","ÎÂÖÝ");
            subsmallclass[6]=new Array("Õã½­Ê¡","½ð»ª");
            subsmallclass[7]=new Array("Õã½­Ê¡","ÖÛÉ½");
            subsmallclass[8]=new Array("Õã½­Ê¡","ÀöË®");
            subsmallclass[9]=new Array("½­ËÕÊ¡","ÄÏ¾©");
            subsmallclass[10]=new Array("½­ËÕÊ¡","ËÕÖÝ");
            subsmallclass[11]=new Array("½­ËÕÊ¡","ÎÞÎý");
            subsmallclass[12]=new Array("½­ËÕÊ¡","³£ÖÝ");
            subsmallclass[13]=new Array("½­ËÕÊ¡","Õò½­");
            subsmallclass[14]=new Array("½­ËÕÊ¡","ÄÏÍ¨");
            subsmallclass[15]=new Array("½­ËÕÊ¡","ÑïÖÝ");
            subsmallclass[16]=new Array("ºÓ±±Ê¡","Ê¯¼Ò×¯");
            subsmallclass[17]=new Array("ºÓ±±Ê¡","±£¶¨");
            subsmallclass[18]=new Array("ºÓ±±Ê¡","²ýÖÝ");
            subsmallclass[19]=new Array("ºÓ±±Ê¡","³ÐµÂ");
            subsmallclass[20]=new Array("ºÓ±±Ê¡","¶¨ÖÝ");
            subsmallclass[21]=new Array("ºÓ±±Ê¡","ºâË®");
            subsmallclass[22]=new Array("ºÓ±±Ê¡","ÇØ»Êµº");
            subsmallclass[23]=new Array("ºÓ±±Ê¡","ÌÆÉ½");
            subsmallclass[24]=new Array("ºÓ±±Ê¡","ÕÅ¼Ò¿Ú");
            subsmallclass[25]=new Array("ºÓ±±Ê¡","ÐÏÌ¨");
            subsmallclass[26]=new Array("ºÓ±±Ê¡","ÕÔÏØ");
            subsmallclass[27]=new Array("ºÓÄÏÊ¡","Ö£ÖÝ");
            subsmallclass[28]=new Array("ºÓÄÏÊ¡","°²Ñô");
            subsmallclass[29]=new Array("ºÓÄÏÊ¡","¿ª·â");
            subsmallclass[30]=new Array("ºÓÄÏÊ¡","ÂåÑô");
            subsmallclass[31]=new Array("ºÓÄÏÊ¡","ÄÏÑô");
            subsmallclass[32]=new Array("ºÓÄÏÊ¡","Æ½¶¥É½");
            subsmallclass[33]=new Array("ºÓÄÏÊ¡","ÐÅÑô");
            subsmallclass[34]=new Array("ºÓÄÏÊ¡","Ðí²ý");
            subsmallclass[35]=new Array("ºÓÄÏÊ¡","ÖÜ¿Ú");
            subsmallclass[36]=new Array("ºÓÄÏÊ¡","ÐÂÏç");
            subsmallclass[37]=new Array("ºÓÄÏÊ¡","ÈýÃÅÏ¿");




            function addsmallclass(bigclassvalue,smallclassvalue){
                document.getElementById("smclassname").length=0;
                document.getElementById("smclassname").options[0]=new Option("ÇëÑ¡Ôñ³ÇÊÐ","")
                for (var i=0;i<subsmallclass.length;i++){
                    if (subsmallclass[i][0]==bigclassvalue){
                        document.getElementById("smclassname").options[document.getElementById("smclassname").length]=new Option(subsmallclass[i][1],subsmallclass[i][1]);
                    }
                }
                for (var J=0;J<document.getElementById("smclassname").length;J++){
                    if (document.getElementById("smclassname").options[J].value==smallclassvalue){
                        document.getElementById("smclassname").options[J].selected=true;
                    }
                }
            }
            var menuYloc = $(".jianlitan").offset().top;
            $(window).scroll(function (){
                var offsetTop = 100+$(window).scrollTop()+"px";
                $(".jianlitan").animate({top:offsetTop },{ duration:600,queue:false });
            });
             var menuYloc = $(".jianlitan1").offset().top;
            $(window).scroll(function (){
                var offsetTop = 100+$(window).scrollTop()+"px";
                $(".jianlitan1").animate({top:offsetTop },{ duration:600,queue:false });
            });
  var menuYloc = $(".jianlitan2").offset().top;
            $(window).scroll(function (){
                var offsetTop = 100+$(window).scrollTop()+"px";
                $(".jianlitan2").animate({top:offsetTop },{ duration:600,queue:false });
            });
  var menuYloc = $(".jianlitan3").offset().top;
            $(window).scroll(function (){
                var offsetTop = 100+$(window).scrollTop()+"px";
                $(".jianlitan3").animate({top:offsetTop },{ duration:600,queue:false });
            });
        

        function imagesSelected(myFiles) {
  for (var i = 0, f; f = myFiles[i]; i++) {
    var imageReader = new FileReader();
    imageReader.onload = (function(aFile) {
      return function(e) {
        var span = document.createElement('span');
        span.innerHTML = ['<img class="images" src="', e.target.result,'" title="', aFile.name, '"/>'].join('');
        document.getElementById('thumbs').insertBefore(span, null);
      };
    })(f);
    imageReader.readAsDataURL(f);
  }
}

function dropIt(e) {  
   imagesSelected(e.dataTransfer.files); 
   e.stopPropagation();  
   e.preventDefault();   
}  

var cartTable = document.getElementById('liebiao');
        var tr = cartTable.children[1].rows;
        var checkInputs = document.getElementsByClassName('check');
        var checkAllInputs = document.getElementsByClassName('check-all');
        var selectedTotal = document.getElementById('selectedTotal');
        var priceTotal = document.getElementById('priceTotal');
        
        function getTotal(){
            var selected = 0;
            var price = 0;
            for(var i=0,len=tr.length;i<len;i++){
                if (tr[i].getElementsByTagName('input')[0].checked){
                    tr[i].className="on";
                    selected = parseInt(selected+1);
                    price += parseFloat(tr[i].cells[4].innerHTML)
                }
                else{
                    tr[i].className="";
                }
            }
            selectedTotal.innerHTML = selected;
            priceTotal.innerHTML = price.toFixed(2);
        }
        
        for(var i = 0,len = checkInputs.length;i<len;i++){
            checkInputs[i].onclick = function(){
                if(this.className === 'check-all check'){
                    for(var j=0;j<checkInputs.length;j++){
                        checkInputs[j].checked = this.checked;//每个框的状态都要跟全选框一样
                    }
                }
                if(this.checked == false){
                    for(var k = 0;k<checkAllInputs.length;k++){
                        checkAllInputs[k].checked = false;
                    }
                }
                getTotal();
            }
        }
        
        $(".delete").click(function(){
            var conf = confirm('确定要删除吗？');
            if(conf){
                $(this).parent().parent().remove();
            }
        });
        
        $(".deleteAll").click(function(){
            if(selectedTotal.innerHTML!='0'){
                var conf = confirm('确定要删除吗？');
                if(conf){
                    for(var i=0;i<tr.length;i++){
                        var input = tr[i].getElementsByTagName('input')[0];
                        if(input.checked){
                            tr[i].parentNode.removeChild(tr[i]);
                            i--;
                        }
                    }
                }
            }
        });
});
</script>

<style type="text/css">
  
     .jianlitan{
        margin-left: 240px;
        margin-top: -220px;;
        border: 1px solid #66CCFF;
        height: 480px;
        width: 500px;
        position:absolute;
        border-radius: 5px;
        background:white;
        overflow:auto;
        z-index:9;
        box-shadow: 10px 10px 5px #888888;
    }
  .jianlitan3{
        margin-left: 240px;
        margin-top: -220px;;
        border: 1px solid #66CCFF;
        height: 480px;
        width: 500px;
        position:absolute;
        border-radius: 5px;
        background:white;
        overflow:auto;
        z-index:9;
        box-shadow: 10px 10px 5px #888888;
    }
 .jianlitan1{
        margin-left: 240px;
        margin-top: -220px;;
        border: 1px solid #66CCFF;
        height: 480px;
        width: 500px;
        position:absolute;
        border-radius: 5px;
        background:white;
        overflow:auto;
        z-index:9;
        box-shadow: 10px 10px 5px #888888;
    }
 .jianlitan2{
        margin-left: 240px;
        margin-top: -220px;;
        border: 1px solid #66CCFF;
        height: 480px;
        width: 500px;
        position:absolute;
        border-radius: 5px;
        background:white;
        overflow:auto;
        z-index:9;
        box-shadow: 10px 10px 5px #888888;
    }
    .jianlixq{
        margin-left: 40px;
        margin-top: 10px;
    }
    .jianlixq  input{
        border-radius: 0px;
        margin-top: 10px;
        font-size: 18px;

    }
    .jianlixq select{
        margin-top: 10px;
        height: 40px;
        font-size: 18px;
    }
    .jianlixq table tr td input{
        margin-top: 10px;
        margin-left: 20px;
    }
    .search-pannel{
        position: absolute;
        top:20px;
        left: 930px;
        width: 230px;
    }
    .search-button{float:right}
     .btn-search{
         width: 60px;
         height: 40px;
         background: #f50;
         border: 1;
         cursor: pointer;
     }
    .search-common-pannel input{
        height: 39px;
        line-height: 39px;
        background: #fff;
        outline: none;
        border: 0 none;
        width: 170px;
    }
    .search-common-pannel img{
        position: absolute;
        top:10px;
        left: 6px;
        z-index: 2;
    }
.checkbox{
    width: 15px;;
    height: 60px;
    vertical-align:middle;
    margin: auto;
}
    .next ul{
        margin-left: 400px;
        margin-top: -15px;
        position: absolute;
    }
    .next li{
        list-style: none;
        float: left;
        border: 1px solid gray;
        margin-right: 10px;
        padding:0 5px 0 5px ;
    }
    .fukuan{
        color: #f50;
    }
    .fukuan:hover{
        cursor: pointer;
        text-decoration:underline;
        color: red;
    }
    .table, .td
{
    border-color: #e6e6e6;
    border-style: solid;
}
.delete{
    cursor:pointer;
}
.delete:hover{
    text-decoration:underline;
    color:#FF4400;
}
.zhiwei{
    cursor:pointer;
}
.zhiwei:hover{
    color:#FF4400;
    text-decoration:underline;
}
</style>
</head>

<body>
<!--»ÒÉ«µ¼º½À¸-->
<div class="hui">
    <div class="daohang">
        <div class="daohang1"><a href="index2.html">首页</a></div>
        <div class="daohang2"><a href="denglu.html">登录</a></div>
        <div class="daohang3"><a href="zhuce.html">注册</a></div>
        <div class="daohang4"><a href="#">我的淘兼职</a></div>
        <div class="daohang5"><a href="#">关于我们</a></div>

        <div class="daohang4tan"><a href="gerenzhongxin.html">个人中心</a><a href="#">添加修改建立</a><a href="#">查看招聘信息</a></div>
        <div class="daohang5tan"><a href="#">网站简介</a><a href="#">组织结构</a><a href="#">发展历程</a></div>
    </div>
</div>


<div class="chen">
    <div class="chen1" style="width:1024px;height:100%;margin:0 auto;">
        <img src="img/taologo2.jpg" style="width:140px;margin-left: 20px;margin-top:10px;">
        <div style="font-size:20px;color:#ffffff;margin-top:-55px;margin-left: 230px;position: absolute;font-weight:600;">个人中心</div>
        <div style="font-size:18px;color:#ffffff;margin-top:-53px;margin-left: 350px;position: absolute">账户设置</div>
        <div style="font-size:18px;color:#ffffff;margin-top:-53px;margin-left: 470px;position: absolute">我的资金</div>
        <div class="search-pannel">
           <form>
                 <div class="search-button">
                  <button class="btn-search" type="submit">搜索</button>
                 </div>
                 <div class="search-common-pannel">
                     <input type="text">
                     <img src="img/sou.png">
                 </div>
           </form>
        </div>
        <a href="zhanshi.html" style="text-decoration:none;border:1px solid #ffffff;height:30px;width:100px;top:25px;margin-left:900px;position:absolute;font-size:17px;color: #ffffff">&nbsp我要卖时间</a>
    </div>
</div>


<div class="rongqi" style="border:0px solid red;width:1024px;top:20px;height:750px;position:relative;margin:0 auto;cursor:default;">
<!--×ó±ß-->

<div class="bj" style="position:relative;height:800px;width:200px;background: #fafafa;float:left">
    <div style="width:110px;height:40px;line-height: 33px;margin-left:50px;margin-top:10px;font-size: 18px;font-weight: 700;clear:both;border-bottom: 1px solid #eaeaea;padding-bottom: 12px;">
        <a href="#" style="text-decoration:none;color:#595757;margin-top:20px;display:block;">
            <span id="l1">个人中心</span>
        </a>
    </div>
    <ul class="zuo" style="margin-top:10px;cursor:default;list-style-type:none;">
       
        <li style="font-size: 16px;margin-left: 20px;margin-top: 20px;">
            <a href="#"target="_self"style="text-decoration: none;color: #000000">
                <span id="l3">我的收藏</span>
            </a>
        </li>
        <li class="qiuzhi">
            <span style="color:#666464;">我的时间&nbsp;</span>
            <span id="xia" class="glyphicon glyphicon-menu-up" aria-hidden="true" style="opacity:0.8;"></span>
            </a>
        </li>
        <div class="qiuzhi2">
            <li style="margin-top: 10px;"id="l41">我的简历</li>
            <li style="margin-top: 10px;"id="l42">简历投递记录</li>
            <li style="margin-top: 10px;"id="l43">谁下载了我的简历</li>
            <li style="margin-top: 10px;"id="l44">工作邀请</li>
        </div>
        <li class="zhaopin">
            <span style="color:#666464;">我的上架&nbsp;</span>
            <span id="xia1" class="glyphicon glyphicon-menu-up" aria-hidden="true" style="opacity:0.8;"></span>
            </a>
        </li>
        <div class="zhaopin2">
            <li style="margin-top: 10px;"id="l51">职位管理</li>
            <li style="margin-top: 10px;"id="l52">简历管理</li>
            <li style="margin-top: 10px;"id="l53">快速招人</li>
            <li style="margin-top: 10px;"id="l54">公司资料</li>
        </div>
       
    

        <li class="kefu" >
            <span style="color:#666464;">客服中心&nbsp;</span>
            <span id="xia4" class="glyphicon glyphicon-menu-up" aria-hidden="true" style="opacity:0.8;"></span>
            </a>
        </li>
        <div class="kefu2">
            <li style="margin-top: 10px;" id="171">我的申诉</li>
            <li style="margin-top: 10px;" id="172">我的投诉</li>
            <li style="margin-top: 10px;" id="173">违规记录</li>
        </div>

    </ul>


    <div class="shenghuo" style="position:relative;width:110px;height:33px;line-height: 33px;margin-left:50px;margin-top:10px;font-size: 18px;font-weight: 700;clear:both;padding-bottom: 12px;">
        <span style="color:#595757;">生活工具</span>
    </div>
    <img src="img/tubiao.jpg" style="margin-left:40px;margin-top:10px;">
</div>
<!--ÓÒ²¿-->
<div class="zhongxintan">
    <div style="border: 0px solid red;height: 150px;width: 100%;margin-left:40px;">
        <img src="img/person.jpg" style="width:130px;height:130px;border-radius:65px;">
        <p style="font-size: 20px;margin-top: -80px;margin-left:180px;position: absolute;"><b>账户名字</b></p>
        <p style="margin-left: 280px;margin-top: -75px;position: absolute"><a href="#">消息</a></p>
        <p style="margin-left: 313px;margin-top: -75px;position: absolute">|</p>
        <p style="margin-left: 320px;margin-top: -75px;position: absolute"><a href="#">余额</a></p>
    </div>
    <div style="margin-left: 40px;font-size: 15px;margin-top: 10px;" >
        <span id="m11">最新发布消息</span>
        <span style="margin-left: 20px;"id="m12">我浏览过的信息</span>
        <div class="m11tan">
            <p style="margin-top: 50px;margin-left: 250px;"> <img src="img/sm.png">您还没有发布消息。<a href="#"style="text-decoration: none">去发一条吧</a></p>
        </div>
        <div class="m12tan">
            <p colspan="3"style="text-align: center;margin-top: 50px;">您没有浏览过任何信息</p>   
        </div>
    </div>
</div>
<div class="shouchangtan">
    <h3 style="color: #FF5500;margin-left: 40px;">我的收藏</h3>
    <div class="shouchangxq" >
        <ul>
            <li id="m31"><div align="center">收藏的信息</div></li>
            <li id="m32"><div align="center">谁收藏了我的信息</div></li>
            <li id="m33"><div align="center">浏览过的信息</div></li>
            <li id="m34"><div align="center">关注的公司</div></li>
        </ul>
    </div>
    <div style="margin-left: 20px;margin-top:45px;border-top: 1px solid #eaeaea">
        <div class="m31tan">
            <table style="font-size: 14px;height: 80px;">
                <tr>
                    <th width="600">信息标题</th>
                    <th width="100">更新时间</th>
                    <th >操作</th>
                </tr>
                <tr>
                    <th colspan="3"style="text-align: center;">您没有收藏过任何信息</th>
                </tr>
            </table>
            <form>
                <input type="checkbox">全选
                <input type="submit" value="删除">
            </form>
        </div>
        <div class="m32tan">
            <table style="font-size: 14px;height: 80px;">
                <tr>
                    <th width="150">收藏消息者</th>
                    <th width="450">所收藏消息</th>
                    <th width="100">收藏时间 </th>
                    <th >操作</th>
                </tr>
                <tr>
                    <th colspan="3"style="text-align: center;">很抱歉，您的消息还没有被收藏</th>
                </tr>
            </table>
            <form>
                <input type="checkbox">全选
                <input type="submit" value="删除">
            </form>
        </div>
        <div class="m33tan">
            <table style="font-size: 14px;height: 80px;">
                <tr>
                    <th width="600">信息标题</th>
                    <th width="100">更新时间</th>
                    <th >操作</th>
                </tr>
                <tr>
                    <th colspan="3"style="text-align: center;">您没有浏览过任何信息</th>
                </tr>
            </table>
            <form>
                <input type="checkbox">全选
                <input type="submit" value="删除">
            </form>
        </div>
        <div class="m34tan">
            <table style="font-size: 14px;height: 80px;">
                <tr>
                    <th width="600">公司名字</th>
                    <th width="100">更新时间</th>
                    <th >操作</th>
                </tr>
                <tr>
                    <th colspan="3"style="text-align: center;">您没有收藏过任何公司</th>
                </tr>
            </table>
            <form>
                <input type="checkbox">全选
                <input type="submit" value="删除">
            </form>
        </div>
    </div>
</div>
<div class="qiuzhitan1">
    <h3 style="color: #FF5500;margin-left: 40px;">我的简历</h3>
    <p style="margin-left: 55px;font-size: 16px;margin-top:30px;">简历是求职的利器，填写简历才能尽快找到好工作！</p>
    <p style="margin-left: 55px;font-size: 16px;">去填写一份优质的简历吧，认真的人，才能让认真的企业找上你！</p>
    <table width="485" border="1" cellspacing=0 cellpadding=5 style="margin-left: 55px;">
        <tr bgcolor="#F2F2F2">
            <td class="tableheader" align="left">
            <p>请在这创建你的简历:</p>
            </td>
        </tr>
        <tr>
            <td align="left" height="105" ondragenter="return false" ondragover="return false" ondrop="dropIt(event)">    
            <output id="thumbs"></output> 
            </td>
        </tr>
        <tr>
            <td align="center">
            <p><input type="file" id="input" size="10" multiple="true" onchange="imagesSelected(this.files)" /></p>
            </td>
        </tr>
</table>
</div>
<div class="qiuzhitan2">
    <h3 style="color: #FF5500;margin-left: 40px;">简历投递记录</h3>
    <table rules=rows id="liebiao" border="0" width="850" align="center"style="margin-top: 20px;margin-left: 30px;">
        <thead>
        <tr height="30" align="center">
            <td><input type="checkbox" class="check-all check" />&nbsp;&nbsp;全选</td>
            <td>投递职位</td>
            <td>公司名称</td>
            <td>投递反馈</td>
            <td>投递时间</td>
            <td>操作</td>
        </tr>
        </thead>
        <tbody>
        <tr bgcolor="#FCFCFC" height="60" align="center">
            <td><input type="checkbox" class="check-one check checkbox" />&nbsp;&nbsp;</td>
            <td >传单派发</td>
            <td>杭州天进教育培训学校</td>
            <td>待付款</td>
            <td>2016年4月2日</td>
            <td><a class="fukuan"href="payment.html">付款</a><span class="delete">&nbsp;&nbsp;删除</span></td>
        </tr>
        <tr bgcolor="#FCFCFC" height="60" align="center">
            <td><input type="checkbox" class="check-one check checkbox" />&nbsp;&nbsp;</td>
            <td>家教</td>
            <td>浙江益得资产管理有限公司</td>
            <td>待审核</td>
            <td>2016年3月2日</td>
            <td><a class="fukuan">付款</a><span class="delete">&nbsp;&nbsp;删除</span></td>
        </tr>
        <tr bgcolor="#FCFCFC" height="60" align="center">
            <td><input type="checkbox" class="check-one check checkbox" />&nbsp;&nbsp;</td>
            <td>服务员</td>
            <td>杭州青玉糕点有限公司</td>
            <td>完成交易</td>
            <td>2016年4月12日</td>
            <td><a class="fukuan">付款</a><span class="delete">&nbsp;&nbsp;删除</span></td>
        </tr>
        <tr bgcolor="#FCFCFC" height="60" align="center">
            <td><input type="checkbox" class="check-one check checkbox" />&nbsp;&nbsp;</td>
            <td>客服</td>
            <td>杭州昱高贸易有限公司</td>
            <td>已拒绝</td>
            <td>2016年4月7日</td>
            <td><a class="fukuan">付款</a><span class="delete">&nbsp;&nbsp;删除</span></td>
        </tr>
        </tbody>
    </table>
    <div style="width:850px;height:50px;background:#DBD6D6;margin-top:20px;padding:10px;margin-left: 30px;">
        <input type="checkbox" class="check-all check" style="z-index:10;position:relative;"/>&nbsp;&nbsp;全选
        <span style="margin-left:30px;cursor:pointer;position:relative;z-index:10;" class="deleteAll">删除</span>
      <div class="next">
        <ul>
            <li>上一页</li>
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>...</li>
            <li>下一页</li>
        </ul>
      </div>
    </div>
</div>
<div class="qiuzhitan3">
    <h3 style="color: #FF5500;margin-left: 40px;">谁下载了我的简历</h3>
    <div style="border: 1px solid #eaeaea;height:275px;width: 780px;margin-top: 40px;margin-left: 40px;border-radius: 5px;">
      <dl style="height: 40px;width: 100%;background: #eaeaea;">
          <dd style="margin-left: 20px;font-weight: 700;font-size: 18px;margin-top:10px;position: absolute">谁下载了我的简历</dd>
          <dd style="margin-left: 550px;margin-top:10px;position: absolute">最近1天被下载<b style="color: orange">0</b>次，共被下载了<b style="color: orange">5</b>次</dd>
      </dl>
    <dl style="border:1px solid #eaeaea;width:780px;height:40px;position:absolute;top:100px;" >
        <dd style="margin-left: 20px;margin-top:10px;position: absolute;color:gray;">下载公司</dd>
        <dd style="margin-left: 450px;margin-top:10px;position: absolute;color:gray;">下载时间</dd>
        <dd style="margin-left: 700px;margin-top:10px;position: absolute;color:gray;">点评</dd>
    </dl>
    <dl style="border:1px solid #eaeaea;width:780px;height:40px;position:absolute;top:140px;">
        <dd style="margin-left: 20px;margin-top:10px;position: absolute">深圳市新近果科技有限公司</dd>
        <dd style="margin-left:450px;margin-top:10px;position: absolute">2015-12-02</dd>
        <dd style="margin-left: 700px;margin-top:10px;position: absolute"><a href="#">点评企业</a></dd>
    </dl>
     <dl style="border:1px solid #eaeaea;width:780px;height:40px;position:absolute;top:180px;">
         <dd style="margin-left: 20px;margin-top:10px;position: absolute">上海达旭市场研究有限公司</dd>
         <dd style="margin-left: 450px;margin-top:10px;position: absolute">2015-12-01</dd>
         <dd style="margin-left: 700px;margin-top:10px;position: absolute"><a href="#">点评企业</a></dd>
     </dl>
     <dl style="border:1px solid #eaeaea;width:780px;height:40px;position:absolute;top:220px;">
          <dd style="margin-left: 20px;margin-top:10px;position: absolute">杭州泉秀文化创意有限公司</dd>
          <dd style="margin-left: 450px;margin-top:10px;position: absolute">2015-11-11</dd>
          <dd style="margin-left: 700px;margin-top:10px;position: absolute"><a href="#">点评企业</a></dd>
      </dl>
        <dl style="border:1px solid #eaeaea;width:780px;height:40px;position:absolute;top:260px;">
            <dd style="margin-left: 20px;margin-top:10px;position: absolute">苏州井水商贸有限公司</dd>
            <dd style="margin-left: 450px;margin-top:10px;position: absolute">2015-11-01</dd>
            <dd style="margin-left: 700px;margin-top:10px;position: absolute"><a href="#">点评企业</a></dd>
        </dl>
        <dl style="border:1px solid #eaeaea;width:780px;height:40px;position:absolute;top:300px;">
            <dd style="margin-left: 20px;margin-top:10px;position: absolute">杭州腾通广告策划有限公司</dd>
            <dd style="margin-left: 450px;margin-top:10px;position: absolute">2015-10-21</dd>
            <dd style="margin-left: 700px;margin-top:10px;position: absolute"><a href="#">点评企业</a></dd>
        </dl>
</div>
</div>
<div class="qiuzhitan4">
    <h3 style="color: #FF5500;margin-left: 40px;">工作邀请</h3>
    <div class="qiuzhitan4xq" >
        <ul>
            <li id="m41"><div align="center">审核中</div></li>
            <li id="m42"><div align="center">待面试</div></li>
            <li id="m43"><div align="center">未通过</div></li>
        </ul>
    </div>
    <div style="margin-left: 20px;margin-top:45px;border-top: 1px solid #eaeaea">
        <div class="m41tan">
            <div style="border: 1px solid #eaeaea;width: 780px;height:210px;border-radius: 5px;">
                <table rules=rows id="liebiao">
                    <thead >
                    <tr height="30" align="center">
                        <td></td>
                        <td width="150"><b>兼职职位</b></td>
                        <td width="150"><b>公司名称</b></td>
                        <td width="150"><b>审核时间</b></td>
                        <td width="150"><b>操作</b></td>
                    </tr>
                    </thead>

                    <tbody>
                    <tr height="45" align="center">
                        <td><input type="checkbox"style="margin-left: 5px;margin-top: 12px;" class="check-one check" /></td>
                        <td ><span class="zhiwei">淘宝客服</span></td>
                        <td >阿里巴巴</td>
                        <td >2015-05-05</td>
                        <td ><span class="delete" style="color：red;">删除</span></td>
                    </tr>
                    <tr  height="45" align="center">
                        <td><input type="checkbox"style="margin-left: 5px;margin-top: 12px;" class="check-one check" /></td>
                        <td ><span class="zhiwei">图书馆小时工</span></td>
                        <td >北京盛丰有限公司</td>
                        <td >2015-05-05</td>
                        <td ><span class="delete" style="color：red;">删除</span></td>
                    </tr>
                    <tr height="45"  align="center">
                        <td><input type="checkbox"style="margin-left: 5px;margin-top: 12px;" class="check-one check" /></td>
                        <td ><span class="zhiwei">派发传单</span></td>
                        <td >杭州文辉博库有限公司</td>
                        <td >2015-05-05</td>
                        <td ><span class="delete" style="color：red;">删除</span></td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div style="margin-top:30px;">
                <input type="checkbox" class="check-all check">全选
                <span style="margin-left:480px;cursor:pointer;color:red;" class="deleteAll">删除</span>
            </div>
        </div>
<!---->
        <div class="m42tan">
            <div style="border: 1px solid #eaeaea;width: 780px;height:210px;border-radius: 5px;" >
                <p style="margin-left: 25px;font-size: 13px;position: absolute;"><b>兼职职位</b><b style="margin-left: 250px;position: absolute;">公司名称 </b><b style="margin-left: 540px;">面试时间</b></p>
                <dl style="border:1px solid #eaeaea;width:780px;height:40px;position:absolute;top:130px;">
                    <dd><input type="checkbox"style="margin-left: 5px;margin-top: 12px;" class="check-one check" /></dd>
                    <dd style="margin-left: 25px;position: absolute;top:10px;">超市收营员</dd>
                    <dd style="margin-left: 320px;position: absolute;top:10px;">深圳市新近果科技有限公司</dd>
                    <dd style="margin-left: 600px;position: absolute;top:10px;">2015-05-05</dd>
                    <dd style="margin-left: 730px;position: absolute;top:10px;color:red;"><span class="delete">拒绝</span></dd>
                </dl>
                <dl style="border:1px solid #eaeaea;width:780px;height:40px;position:absolute;top:170px;">
                    <dd><input type="checkbox"style="margin-left: 5px;margin-top: 12px;" class="check-one check" /></dd>
                    <dd style="margin-left: 25px;position: absolute;top:10px;">服务员</dd>
                    <dd style="margin-left: 320px;position: absolute;top:10px;">北京盛丰有限公司</dd>
                    <dd style="margin-left: 600px;position: absolute;top:10px;">2015-03-22</dd>
                    <dd style="margin-left: 730px;position: absolute;top:10px;color:red;"><span class="delete">拒绝</span></dd>
                </dl>
                <dl style="border:1px solid#eaeaea;width:780px;height:40px;position:absolute;top:210px;">
                    <dd><input type="checkbox"style="margin-left: 5px;margin-top: 12px;" class="check-one check" /></dd>
                    <dd style="margin-left: 25px;position: absolute;top:10px;">派发传单</dd>
                    <dd style="margin-left: 320px;position: absolute;top:10px;">杭州文辉博库有限公司</dd>
                    <dd style="margin-left: 600px;position: absolute;top:10px;">2015-11-05</dd>
                    <dd style="margin-left: 730px;position: absolute;top:10px;color:red;"><span class="delete">拒绝</span></dd>
                </dl>

            </div>
            <div style="margin-top:30px;">
                <form>
                    <input type="checkbox" class="check-all check">全选
                    <input type="submit" value="接受">
                    <input type="submit" value="拒绝">
                </form>
            </div>
        </div>
<!---->
        <div class="m43tan">
            <div style="border: 1px solid #eaeaea;width: 780px;height:210px;border-radius: 5px;">
                <p style="margin-left: 25px;font-size: 13px;position: absolute;"><b>兼职职位</b><b style="margin-left: 250px;position: absolute;">公司名称 </b><b style="margin-left: 540px;">婉拒时间</b></p>
                <dl style="border:1px solid #eaeaea;width:780px;height:40px;position:absolute;top:130px;">
                    <dd><input type="checkbox"style="margin-left: 5px;margin-top: 12px;" class="check-one check" /></dd>
                    <dd style="margin-left: 25px;position: absolute;top:10px;">英语家教</dd>
                    <dd style="margin-left: 320px;position: absolute;top:10px;">杭州培训机构</dd>
                    <dd style="margin-left: 600px;position: absolute;top:10px;">2015-05-05</dd>
                    <dd style="margin-left: 730px;position: absolute;top:10px;color:red;"><span class="delete">删除</span></dd>
                </dl>
                <dl style="border:1px solid #eaeaea;width:780px;height:40px;position:absolute;top:170px;">
                    <dd><input type="checkbox"style="margin-left: 5px;margin-top: 12px;" class="check-one check" /></dd>
                    <dd style="margin-left: 25px;position: absolute;top:10px;">前台</dd>
                    <dd style="margin-left: 320px;position: absolute;top:10px;">北京盛丰有限公司</dd>
                    <dd style="margin-left: 600px;position: absolute;top:10px;">2015-03-22</dd>
                    <dd style="margin-left: 730px;position: absolute;top:10px;color:red;"><span class="delete">删除</span></dd>
                </dl>
                <dl style="border:1px solid#eaeaea;width:780px;height:40px;position:absolute;top:210px;">
                    <dd><input type="checkbox"style="margin-left: 5px;margin-top: 12px;" class="check-one check" /></dd>
                    <dd style="margin-left: 25px;position: absolute;top:10px;">派发传单</dd>
                    <dd style="margin-left: 320px;position: absolute;top:10px;">杭州文辉博库有限公司</dd>
                    <dd style="margin-left: 600px;position: absolute;top:10px;">2015-11-05</dd>
                    <dd style="margin-left: 730px;position: absolute;top:10px;color:red;"><span class="delete">删除</span></dd>
                </dl>

            </div>
            <div style="margin-top:30px;">
                <form>
                    <input type="checkbox" class="check-all check" >全选
                    <input type="submit" value="我知道了">
                    <input type="submit" value="删除">
                </form>
            </div>
        </div>
    </div>
</div>

<div class="zhaopintan1">
    <h3 style="color: #FF5500;margin-left: 40px;">Ö°Î»¹ÜÀí</h3>
    <div class="zhaopintan1xq" >
        <ul>
            <li id="m511"><div align="center">×îÐÂÐÅÏ¢</div></li>
            <li id="m512"><div align="center">ÏÔÊ¾ÖÐµÄÐÅÏ¢</div></li>
            <li id="m513"><div align="center">ÉóºËÖÐµÄÐÅÏ¢</div></li>
            <li id="m514"><div align="center">Î´ÏÔÊ¾µÄÏûÏ¢</div></li>
        </ul>
    </div>
    <div style="margin-left: 20px;margin-top:45px;border-top: 1px solid #eaeaea">
        <div class="m511tan">
            <p align="center "style="margin-top: 30px;font-size: 14px;">ÔÝÊ±»¹Ã»ÓÐÏûÏ¢</p>
        </div>
        <div class="m512tan">
            <p align="center "style="margin-top: 30px;font-size: 14px;">ÔÝÊ±»¹Ã»ÓÐÏÔÊ¾µÄÏûÏ¢</p>
        </div>
        <div class="m513tan">
            <p align="center "style="margin-top: 30px;font-size: 14px;">ÔÝÊ±»¹Ã»ÓÐÉóºËµÄÏûÏ¢</p>
        </div>
        <div class="m514tan">
            <p align="center "style="margin-top: 30px;font-size: 14px;">ÔÝÊ±»¹Ã»ÓÐ¹Ø±ÕµÄÏûÏ¢</p>
        </div>
    </div>
</div>
<div class="zhaopintan2">
    <h3 style="color: #FF5500;margin-left: 40px;">¼òÀú¹ÜÀí</h3>
    <div class="zhaopintan2xq" >
        <ul>
            <li id="m521"><div align="center">ÊÕµ½µÄ¼òÀú</div></li>
            <li id="m522"><div align="center">ÒÑÏÂÔØµÄ¼òÀú</div></li>
            <li id="m523"><div align="center">·¢ËÍµÄÃæÊÔÑûÇë</div></li>
        </ul>
    </div>
    <div style="margin-left: 20px;margin-top:45px;border-top: 1px solid #eaeaea">
    </div>
</div>
<div class="zhaopintan3">
    <h3 style="color: #FF5500;margin-left: 40px;">¿ìËÙÕÐÈË</h3>
</div>
<div class="zhaopintan4">
    <h3 style="color: #FF5500;margin-left: 40px;">¹«Ë¾×ÊÁÏ</h3>
    <form action="" method="post">
        <table class="gongsi" border=0 width=90% height=700>
            <tbody>
            <tr>
                <th>
                    <span><i>*</i>&nbsp;&nbsp;¹«Ë¾Éí·Ý</span>
                </th>
                <td>
                    <input type="radio" name="shenfen" checked>¹«Ë¾Ö±ÕÐ&nbsp;&nbsp;
                    <input type="radio" name="shenfen" >Ö°Òµ´úÕÐ(Ö°ÒµÖÐ½é»òÀÍÎñÅÉÇ²¹«Ë¾£¬Çë¹´Ñ¡´ËÏî£¬Ñ¡Ôñºó²»¿É¸ü¸Ä)
                </td>
            </tr>
            <tr>
                <th>
                    <span><i>*</i>&nbsp;&nbsp;¹«Ë¾Ãû³Æ</span>
                </th>
                <td>
                    <input type="text" size="40" placeholder="ÇëÌîÐ´ÓªÒµÖ´ÕÕÉÏµÄÃû³Æ¡£" style="height:32px;padding:3px;background:white;border:1px solid #CCCCCC;">
                </td>
            </tr>
            <tr>
                <th>
                    <span><i>*</i>&nbsp;&nbsp;¹«Ë¾±ð³Æ</span>
                </th>
                <td>
                    <input type="text" size="40" placeholder="¹«Ë¾µÄ¿ÚÍ·³Æºô£¬Ã»ÓÐÊ±ÌîÐ´È«³Æ¡£" style="height:32px;padding:3px;background:white;border:1px solid #CCCCCC;">
                </td>
            </tr>
            <tr>
                <th>
                    <span><i>*</i>&nbsp;&nbsp;ËùÊôÐÐÒµ</span>
                </th>
                <td>
                    <input type="text" size="40" style="height:32px;padding:3px;background:white;border:1px solid #CCCCCC;">
                </td>
            </tr>
            <tr>
                <th>
                    <span><i>*</i>&nbsp;&nbsp;¹«Ë¾ÐÔÖÊ</span>
                </th>
                <td>
                    <select size="1" style="height:32px;">
                        <option>ÇëÑ¡Ôñ</option>
                        <option>Ë½ÓÐ</option>
                        <option>¹úÓÐ</option>
                        <option>¹É·ÝÖÆ</option>
                        <option>ÍâÉÌ¶À×Ê/°ìÊÂ´¦</option>
                        <option>ÖÐÍâºÏ×Ê/ºÏ×÷</option>
                        <option>ÉÏÊÐ¹«Ë¾</option>
                        <option>ÊÂÒµµ¥Î»</option>
                        <option>Õþ¸®»ú¹Ø</option>
                        <option>·ÇÓªÀû»ú¹¹</option>
                        <option>ÊÂÒµµ¥Î»</option>
                    </select>
                </td>
            </tr>
            <tr>
                <th>
                    <span><i>*</i>&nbsp;&nbsp;¹«Ë¾¹æÄ£</span>
                </th>
                <td>
                    <select size="1" style="height:32px;">
                        <option>1-49ÈË</option>
                        <option>50-99ÈË</option>
                        <option>100-499ÈË</option>
                        <option>500-999ÈË</option>
                        <option>1000ÈËÒÔÉÏ</option>
                    </select>
                </td>
            </tr>
            <tr>
                <th>
                    <span><i>*</i>&nbsp;&nbsp;¹«Ë¾¼ò½é</span>
                </th>
                <td>
                    <textarea rows="8" cols="70" placeholder="Çë¼òµ¥½éÉÜÄúµÄ¹«Ë¾£¬ÈÃÇóÖ°ÕßÁË½âÄúµÄ¹«Ë¾£¬Ìá¸ßÕÐÆ¸Ð§ÂÊ£¬ÈçÄúµÄ¹«Ë¾µÄÖ÷ÒªÒµÎñ£¬¹«Ë¾¹æÄ££¬¹«Ë¾ÐÔÖÊ£¬³ÉÁ¢Ê±¼äµÈ¡£">
                    </textarea>
                </td>
            </tr>
            <tr>
                <th>
                    <span><i>*</i>&nbsp;&nbsp;ÁªÏµÈË</span>
                </th>
                <td>
                    <input type="text" size="30" style="height:32px;padding:3px;background:white;border:1px solid #CCCCCC;">
                </td>
            </tr>
            <tr>
                <th>
                    <span><i>*</i>&nbsp;&nbsp;ÕÐÆ¸µç»°</span>
                </th>
                <td>
                    <input type="text" size="30" style="height:32px;padding:3px;background:white;border:1px solid #CCCCCC;">
                </td>
            </tr>
            <tr>
                <th>
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;ÕÐÆ¸ÓÊÏä</span>
                </th>
                <td>
                    <input type="text" size="30" style="height:32px;padding:3px;background:white;border:1px solid #CCCCCC;">
                </td>
            </tr>
            <tr>
                <th>
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;¹«Ë¾ÍøÖ·</span>
                </th>
                <td>
                    <input type="text" size="30" style="height:32px;padding:3px;background:white;border:1px solid #CCCCCC;">
                </td>
            </tr>
            <tr>
                <th>
                    <span><i>*</i>&nbsp;&nbsp;¹«Ë¾µØÖ·</span>
                </th>
                <td>
                    <input type="text" size="30" style="height:32px;padding:3px;background:white;border:1px solid #CCCCCC;">
                </td>
            </tr>
            </tbody>
        </table>

        <input type="submit" value="È·ÈÏ" style="margin-left:300px;margin-top:40px;background:#FF5500;color:white;font-size:22px;width:220px;height:50px;border:0px;border-radius:3px;">
    </form>
</div>




<div class="kefutan1" style="height:750px;width:824px;border:0px solid blue;margin-left:200px;">
    <h3 style="color: #FF5500;margin-left: 40px;">ÎÒµÄÉêËß</h3>
    <table border="1" style="background:#F5F5F5;margin-left:40px;margin-top:20px;">
        <tr>
            <td width="100" align="center">ÐÅÏ¢±àºÅ</td>
            <td width="300" align="center">ÉêËßÀàÐÍ</td>
            <td width="200" align="center">Ìá³öÉêËßÊ±¼ä</td>
            <td width="100" align="center">ÉêËß¼ÇÂ¼</td>
        </tr>
    </table>
</div>

<div class="kefutan2" style="height:750px;width:824px;border:0px solid red;margin-left:200px;">
    <h3 style="color: #FF5500;margin-left: 40px;">ÎÒµÄÍ¶Ëß</h3>
    <table border="1" style="background:#F5F5F5;margin-left:40px;margin-top:20px;">
        <tr>
            <td width="150" align="center">¾Ù±¨Ô­Òò</td>
            <td width="150" align="center">ÐÅÏ¢±àºÅ</td>
            <td width="150" align="center">·¢ÆðÊ±¼ä</td>
            <td width="250" align="center">ÉêËß¼ÇÂ¼</td>
        </tr>
    </table>
</div>

<div class="kefutan3" style="height:750px;width:824px;border:0px solid green;margin-left:200px;">
    <h3 style="color: #FF5500;margin-left: 40px;">Î¥¹æ¼ÇÂ¼</h3>
</div>



</div>

</div>

<!--ÏÂ²¿-->
<div style="position:absolute;top:1700px;height: 60px;width:100%;border:1px solid #eaeaea;margin-top: 40px;">
    <div align="center"style="margin-top: 20px;">@Taojianzhi.com</div>
</div>
</body>
</html>